import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter, Route, Link } from 'react-router-dom'
import Billboard from './Billboard'
import BillboardHistory from './BillboardHistory'
import BillboardCreate from './BillboardCreate'
import Talent from './Talent'
import TalentCreate from './TalentCreate'
import TalentDetail from './TalentDetail'
import Forum from './forum'
import UserProfile from './userProfile'
import './index.css'
import './iconfont.css'
import 'bootstrap/dist/css/bootstrap.min.css'
const App = () => (
    <BrowserRouter>
        <div>
           <div className="fishNav">
                <div><Link to="/">首页</Link></div>
                <div><Link to="/talent">市集</Link></div>
                <div><Link to="/forum">论坛</Link></div>
                <div><Link to="/me">我</Link></div>
            </div>
            <div className="fishRouter">
                <Route path="/billboardHistory" component={BillboardHistory} />
                <Route path="/billboardCreate" component={BillboardCreate} />
                <Route path="/talent" component={Talent} />
                <Route path="/talentCreate" component={TalentCreate} />
                <Route path="/talentDetail/:id" component={TalentDetail} />
                <Route path="/forum" component={Forum} />
                <Route path="/me" component={UserProfile} />
                <Route exact path="/" component={Billboard} />
            </div>
        </div>
    </BrowserRouter>
    )
ReactDOM.render(
    <App/>, document.getElementById('root')
)